@charset "utf-8";



/*sam*/

.maxh195{

    /*max-height: 195px;*/

}

/*头部*/

.wrao1{

    width: 1180px;

    margin: 0 auto;

}

.fl{

    float: left;

}

.fr{

    float: right;

}

.clear::after{

    clear: both;

    display: block;

    content: "";

}

/*头部*/

.header_top{

    width: 100%;

    height: 126px;

}

/*logo*/

.header_top .wrap1 .logol{

    float: left;

    margin: 28px 0;

}

.header_top .wrap1 .mid{

    font-size: 18px;

    color: #333333;

    margin: 35px 0 0 5px;

    border-left: 1px solid #a0a0a0;

    padding-left: 40px;

    padding-top: 30px;

    background: url("/images/top01.png") no-repeat 5px bottom;

}

/*右侧图标盒子*/

.header_top .wrap1 .right{

    padding-top: 40px;

    width: 715px;

}

.header_top .wrap1 .right dl{

    display: inline-block;

    background: url("/images/top02.png") no-repeat;

    padding-left: 55px;

    height: 56px;

    margin-left: 30px;

    color: #a0a0a0;

}

.header_top .wrap1 .right .titledt{

    font-weight: bold;

    font-size: 24px;

}

.header_top .wrap1 .right .textdd{

    line-height: 1.5;

    font-size: 16px;

}

.header_top .wrap1 .right dl:nth-child(2){

    background: url("/images/top03.png") no-repeat;

}

.header_top .wrap1 .right dl:nth-child(3){

    background: url("/images/top04.png") no-repeat;

}

/*导航栏*/

.top_menu{

    width: 100%;

    height: 50px;

    z-index: 2;

    position: relative;

    background: #0680ca;

}

.top_menu ul{

    text-align: center;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}

.nav li{

    position: relative;

}

.nav li a{

    display: inline-block;

    font-size: 16px;

    line-height: 50px;

    padding: 0 43.5px;

    color: #fff;

    width: 100%;

}

.nav li a:hover{

    color: #0680ca;

    background: #fff;

}

.nav li .cur{

    color: #0680ca;

    background: #fff;

}

.nav li dl{

    display: none;

}

.nav li dl dd a:hover{

    color: #0680ca;

    font-weight: bold;

}

.nav li:hover dl{

    display: block;

    position: absolute;

    top: 50px;

    width: 180px;

    background: rgba(255,255,255,0.8);

}

.nav li:hover dl dd{

    width: 100%;

    /*padding: 0 10px;*/

}

.nav li:hover dl a{

    display: block;

    font-size: 14px;

    line-height: 3;

    color: #333;

    padding: 5px 0;

    border-bottom: 1px solid #fff;

}

.nav li:last-child{

    background: url("/images/phone.png") no-repeat 8px 8px #FF7709;

    line-height: 50px;

    padding: 0 15px 0 50px;

    color: #fff;

    font-weight: bold;

    font-size: 22px;

    flex: 1;

}





/*视频*/



.videohide {



    width: 100%;



    height: 100%;



    position: fixed;



    top: 0;



    left: 0;



    z-index: 9999;



    visibility: hidden;



    opacity: 0;



    transition: .5s;



    display: flex;



    justify-content: center;



    align-items: center;



}







.videohide_class {



    visibility: visible;



    opacity: 1;



}







.videohidebg {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    background: rgba(0, 0, 0, .7);



    z-index: 10;



}







.videohidebox i {



    display: inline-block;



    width: 30px;



    height: 30px;



    text-align: center;



    line-height: 24px;



    border-radius: 30px;



    background: #D50900;



    color: #fff;



    position: absolute;



    right: 0;



    top: 0;



    margin-right: -15px;



    margin-top: -15px;



    border: 2px solid #fff;



    cursor: pointer;



    font-style: normal;



}







.videohidebox i.fa-close:hover {



    -webkit-filter: brightness(110%);



}







.videohidebox {



    position: relative;



    width: 1000px;



    height: auto;



    background: #fff;



    z-index: 20;



    padding: 10px;



    transition: .5s;



    margin-top: -100px;



}







.videohidebox_class {



    margin-top: 0;



    opacity: 1;



}







.videohidebox_1 {



    width: 100%;



    height: auto;



}







.videohidebox_1 video {



    width: 100%;



    height: 100%;



    object-fit: fill;



}







.videohidebox_1 p {



    font-size: 16px;



    color: #000;



    height: 50px;



    line-height: 50px;



    text-align: center;



}







.vdbg {



    width: 100%;



    height: 100%;



    background: rgba(0, 0, 0, 0);



    position: absolute;



    left: 0;



    top: 0;



    transition: .5s;



}







.head .wrap,



.foot .wrap,



.it .wrap {



    width: 1450px;



}







.head {



    height: 100px;



    background: #fff;



    width: 100%;



    position: fixed;



    left: 0;



    top: 0;



    z-index: 99;



    position: fixed;



    left: 0;



    top: 0;



    transition: .25s;



    box-shadow: 0 0 15px rgba(0, 0, 0, .1);



}







.head_height {



    height: 100px;



}







.logo {



    display: inline-block;



    height: 66px;



}







.nava {



    font-size: 16px;



    display: block;



    line-height: 45px;



    border-bottom: 2px solid rgba(0, 0, 0, 0);



    padding: 0 3px;



}







.nav span {



    position: relative;



    margin-left: 60px;



}







.nav span.active .nava,



.nav span:hover .nava {



    color: #018AE5;



}







.nav span.active .nava {



    border-bottom: 2px solid #018AE5;



}







.navhide {



    z-index: 9;



    position: absolute;



    left: 50%;



    margin-left: -75px;



    top: 100%;



    margin-top: 20px;



    background: #fff;



    padding: 0;



    overflow: hidden;



    width: 150px;



    opacity: 0;



    visibility: hidden;



    transition: .25s;



    box-shadow: 0 0 15px rgba(0, 0, 0, .1);



    padding: 5px;



}







.nav span:hover .navhide {



    opacity: 1;



    visibility: inherit;



    margin-top: 0;



}







.navhide a {



    display: block;



    line-height: 38px;



    text-align: center;



    color: #333;



    font-size: 14px;



}







.navhide a:hover {



    color: #018AE5;



}







.textcolor {



    color: #018AE5;



}







.textcolor1 {



    color: #FF7709;



}







.bgcolor {



    background: #018AE5;



    color: #fff;



}







.bgcolor1 {



    background: #FF7709;



    color: #fff;



}







.bntxt {



    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);



}







.bntxt h1 {



    font-size: 64px;



    font-weight: normal;



}







.bntxt .txt {



    font-size: 30px;



    line-height: 40px;



    margin-top: 25px;



    font-weight: 100;



}







.bntxt .txt i {



    width: 110px;



    height: 2px;



    background: #fff;



    vertical-align: middle;



    margin-right: 15px;



    margin-top: -3px;



}







.fb {



    padding: 20px 0;



    background: #fff;



}







.fb a:hover {



    color: #018AE5;



}







.ft {



    background: url(../images/ftbg.jpg) no-repeat center;



    color: #fff;



    padding: 60px 0;



    background-size: cover;



}







.ft a {



    color: #fff;



}







.ftl .txt i {



    width: 22px;



    text-align: center;



    vertical-align: middle;



    margin-right: 10px;



    margin-top: -3px;



}







.ft_txt,



.ft_txt a {



    color: rgba(255, 255, 255, .7);



}







.ftra {



    width: 130px;



    margin-left: 30px;



}







.ftr {



    margin-left: 7%;



}







.ftra p,



.ftra a {



    font-size: 16px;



    line-height: 30px;



}







.ftra a:hover {



    color: #fff;



}







.ftewma img {



    width: 120px;



}







.ftewma {



    margin-left: 30px;



}







.md {



    padding: 85px 0;



}







.boxshow {



    box-shadow: 0px 5px 15px rgba(4, 59, 86, 0.08);



}







.it .wrap {



    padding-top: 15px;



    padding-bottom: 15px;



}







.it {



    background: #F1F1F1;



}







.itl a {



    color: #666;



}







.itl a:hover {



    color: #018AE5;



}







.itl i {



    color: #ccc;



}







.itr input {



    width: 270px;



    height: 35px;



    background: #fff;



    padding: 0 15px;



    font-size: 16px;



}







.itr button {



    width: 84px;



    height: 35px;



    background: #018AE5;



    font-size: 16px;



    color: #fff;



    cursor: pointer;



    transition: .25s;



}







.itop h1 {



    font-size: 40px;



}







.itop i {



    width: 60px;



    height: 2px;



    margin: 0 auto;



    margin-top: 20px;



}







.i1a {



    width: 32%;



    background: #fff;



}







.i1atxt {



    height: 100px;



}







.i1a:hover {



    color: #018AE5;



}







.i2 {



    padding: 60px 0;



    background: url(../images/i2bg.jpg) no-repeat center;



    background-size: cover;



}







.i2w {



    padding: 25px 50px;



    border-radius: 10px;



}







.i2a {



    padding: 18px 0;



}







.i2aico {



    margin-right: 25px;



}







.i3bbg {



    height: 700px;



    color: #fff;



}







.i3t {



    background: #018AE5;



    padding: 15px;



}







.i3t li {



    line-height: 60px;



    font-size: 20px;



    color: #fff;



    margin: 0 20px;



    cursor: pointer;



    position: relative;



}







.i3t li::after {



    width: 25px;



    height: 12px;



    background: url(../images/ico.png) no-repeat center;



    content: "";



    position: absolute;



    top: 0;



    left: 50%;



    margin-left: -14px;



    opacity: 0;



    transition: .25s;



}







.i3t li.active::after {



    opacity: 1;



}







.i3txt {



    width: 40%;



}







.i3more {



    width: 280px;



    line-height: 58px;



    color: #fff;



    display: inline-block;



    border: 1px solid #fff;



    font-size: 18px;



    text-align: center;



}







.i3more:hover {



    background: rgba(255, 255, 255, .2);



}







.i4 {



    background: url(../images/i4bg.jpg) no-repeat center;



    background-size: cover;



}







.i4latxt {



    height: 70px;



    padding: 0 15px;



    background: rgba(1, 138, 229, 0.87);



    z-index: 9;



    position: absolute;



    left: 0;



    bottom: 0;



}







.swiper-pagination-i4 {



    bottom: 80px !important;



    text-align: left !important;



    padding: 0 10px !important;



}







.swiper-pagination-i4 .swiper-pagination-bullet {



    width: 10px;



    height: 10px;



    background: #018AE5;



    opacity: 1;



}







.swiper-pagination-i4 .swiper-pagination-bullet-active {



    background: #fff;



}







.i4ra {



    height: auto;



    padding: 20px 0;



    border-bottom: 1px solid #E6E6E6;



    position: relative;



    background: none;



}







.i4ra:hover {



    color: #018AE5;



}







.listbn {



    height: 600px;



}







.listnav {



    background: #f5f7f9;



}







.listnav a {



    display: block;



    line-height: 70px;



    font-size: 18px;



    border-bottom: 2px solid rgba(0, 0, 0, 0);



    margin: 0 7%;



}







.listnav a.active {



    border-bottom: 2px solid #018AE5;



}







.listnav a:hover {



    border-bottom: 2px solid #018AE5;



}







.ryw:first-child {



    margin-top: 0;



}







.rywtop i {



    display: block;



    width: 44px;



    height: 4px;



    background: #018AE5;



    margin-top: 15px;



}







.ab2w {



    width: 102%;



}







.ab2a {



    width: 23%;



    margin-right: 2%;



    margin-top: 25px;



    background: #F5F7F9;



    box-shadow: 0px 3px 8px rgba(4, 59, 86, 0.08);



}







.ab2aimg {



    padding: 40px;



    padding-bottom: 0;



}







.ab2atxt {



    height: 65px;



    padding: 0 20px;



}







.ab2aico {



    cursor: pointer;



}







.tc {



    background: rgba(0, 0, 0, .5);



    z-index: 9999;



    position: fixed;



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



    display: flex;



    justify-content: center;



    align-items: center;



    opacity: 0;



    visibility: hidden;



    transition: .25s;



}







.tc_active {



    opacity: 1;



    visibility: inherit;



}







.picw {



    position: relative;



    width: 400px;



    background: #fff;



    padding: 20px;



}







.close_tc {



    position: absolute;



    right: 15px;



    top: 15px;



    cursor: pointer;



}







.close_tc img {



    width: 20px;



}







.listnav1 {



    padding: 20px 0;



    line-height: 30px;



    background: #F5F7F9;



}







.pitop_title {



    font-size: 40px;



}







.pi2 {



    background: url(../images/pi2bg.png) no-repeat right top #f4f7ff;



    background-size: 24%;



}







.pitopi {



    width: 46px;



    height: 4px;



    margin: 0 auto;



    margin-top: 15px;



    background: #018AE5;



    display: block;



}







.pi2l {



    width: 40%;



    margin-right: 25px;



}







.pi2ra {



    background: #fff;



    padding: 45px 25px;



}







.pi3a .pi3atxt {



    padding-left: 50px;



}







.pi3a:nth-child(even) {



    flex-flow: row-reverse;



}







.pi3a:nth-child(even) .pi3atxt {



    padding-right: 50px;



    padding-left: 0;



}







.csa {



    background: #f4f7ff;



}







.csatxt {



    line-height: 70px;



    padding: 0 15px;



}







.csw {



    width: 103%;



}







.csaimg {



    border-radius: 8px 8px 0 0;



}







.csa {



    width: 30.33%;



    margin-right: 3%;



    margin-bottom: 50px;



}







.page a {



    width: 50px;



    height: 50px;



    margin-bottom: 10px;



    margin-right: 10px;



    font-size: 18px;



    background: rgba(195, 203, 205, 0.5);



    display: flex;



    justify-content: center;



    align-items: center;



    color: #fff;



}







.page a:hover,



.page a.active {



    background: #018AE5;



}







.ifmd {



    padding-top: 60px;



}







.ift h1 {



    font-size: 36px;



}







.iftxt {



    line-height: 50px;



}







.iftxt * {



    max-width: 100%;



}







.ifba {



    text-align: center;



    background: none;



    margin-bottom: 0;



}







.ifba:hover {



    color: #018AE5;



}







.jy1 {



    width: 100%;



    height: 620px;



    background-size: 100% 100% !important;



}







.jy1w {



    width: 63%;



    height: 100%;



    background: rgba(0, 0, 0, .5);



    color: #fff;



    display: flex;



    align-items: center;



    justify-content: center;



}







.jy1wtxt {



    width: 60%;



    margin: 0 auto;



}







.jymd {



    padding: 65px 0;



}







.jy4r {



    width: 41%;



}







.jy5a {



    overflow: hidden;



    border-radius: 8px;



}







.jy5a p {



    line-height: 70px;



    background: url(../images/jy5abg.png) no-repeat right bottom #018AE5;



    background-size: 65%;



    color: #fff;



    padding: 0 20px;



    width: 100%;



    position: absolute;



    right: 0;



    bottom: 0;



    font-weight: bold;



}







.jymd .wrap {



    width: 1100px;



}







.jy6a {



    width: 45%;



}







.jy6a img {



    position: relative;



    z-index: 9;



}







.jy6a::after {



    width: 100%;



    height: 100%;



    border-radius: 100%;



    background: rgba(1, 138, 229, 0.6);



    position: absolute;



    right: -20px;



    bottom: -20px;



    content: "";



}







.co1r {



    width: 55%;



    height: 375px;



    margin-left: 10%;



}







.co1r iframe {



    position: relative;



    z-index: 9;



}







.co1r::after {



    width: 100%;



    height: 100%;



    border: 1px solid #2B5CFF;



    position: absolute;



    left: -70px;



    top: -50px;



    content: "";



    z-index: 10;



}







.co2r {



    width: 60%;



    margin-left: 5%;



}







.co2ra input,



.co2ra textarea {



    width: 100%;



    height: 90px;



    background: rgba(235, 235, 235, 0.65);



    font-size: 18px;



    padding: 0 20px;



}







.co2ra textarea {



    height: 200px;



    padding: 20px;



    resize: none;



}







.co2ra button {



    height: 75px;



    background: #018AE5;



    color: #fff;



    font-size: 18px;



    cursor: pointer;



    transition: .25s;



    width: 100%;



}







.joa_width {



    width: 120px;



}







.jotop {



    padding: 0 60px;



    background: #018AE5;



    color: #fff;



    font-size: 20px;



    line-height: 65px;



}







.joat {



    cursor: pointer;



    line-height: 60px;



    background: #E9E9E9;



    padding: 0 60px;



    font-size: 18px;



}







.joahide {



    padding: 20px 60px;



    background: #F9F9F9;



    display: none;



}







.joa {



    margin-bottom: 1px;



}







.joat.active {



    color: #018AE5;



}







#gotop {



    width: 65px;



    position: fixed;



    right: 30px;



    bottom: 8%;



    z-index: 999;



    cursor: pointer;



    display: none;



}







@media only screen and (max-width:1449px) {







    .head .wrap,



    .foot .wrap,



    .it .wrap {



        width: 100%;



    }







    .ftewma img {



        width: 90px;



    }







    .ftr {



        margin-left: 3%;



    }







    .flogo img {



        height: 50px;



    }







    .ftra {



        width: 100px;



        margin: 0 15px;



    }







    .ftra p,



    .ftra a {



        font-size: 14px;



        line-height: 28px;



    }



}







@media only screen and (min-width:768px) and (max-width:1299px) {



    .videohidebox {



        width: 80%;



    }







    .head,



    .head_height {



        height: 80px;



    }







    .logo {



        height: 50px;



    }







    .nav span {



        margin-left: 40px;



    }







    .ftra {



        width: 100px;



        margin: 0 10px;



    }







    .ftewma {



        margin-left: 15px;



    }







    .bnimg {



        height: 500px !important;



    }







    .bntxt h1 {



        font-size: 40px;



    }







    .bntxt .txt {



        font-size: 18px;



    }







    .bntxt .txt i {



        width: 50px;



    }







    .swiper-container-bn .swiper-pagination-bullet {



        width: 40px;



        height: 4px;



    }







    .itop h1 {



        font-size: 30px;



    }







    .i3t li {



        font-size: 16px;



    }







    .i3t li::after {



        width: 18px;



        height: 7px;



        margin-left: -9px;



        background-size: 100% 100% !important;



    }







    .i3bbg {



        height: 500px;



    }







    .i3more {



        line-height: 40px;



        width: 150px;



        font-size: 15px;



    }







    .rywtop i {



        width: 30px;



        height: 3px;



    }







    .listbn {



        height: 450px;



    }







    .pitop_title {



        font-size: 30px;



    }







    .page a {



        width: 35px;



        height: 35px;



        font-size: 14px;



    }







    .csa {



        margin-bottom: 30px;



    }







    .ift h1 {



        font-size: 24px;



    }







    .iftxt {



        line-height: 35px;



    }







    .jy1 {



        height: 450px;



    }







    .co1r::after {



        left: -40px;



        top: -40px;



    }







    .co2ra input,



    .co2ra textarea {



        height: 60px;



        font-size: 16px;



    }







    .co2ra textarea {



        height: 137px;



    }







    .co2ra button {



        height: 60px;



        font-size: 16px;



    }







    .jotop {



        font-size: 16px;



        line-height: 50px;



        padding: 0 30px;



    }







    .joat {



        line-height: 50px;



        padding: 0 30px;



        font-size: 16px;



    }







    .joahide {



        padding: 20px 30px;



    }







    #gotop {



        width: 45px;



    }



}







@media only screen and (max-width:1100px) {



    .jymd .wrap {



        width: 100%;



    }



}







@media only screen and (max-width:950px) {







    .mt_30,



    .mt_35,



    .mt_40,



    .mt_45,



    .mt_50,



    .mt_60,



    .mt_70,



    .mt_80 {



        margin-top: 25px;



    }







    /*视频*/



    .videohidebox {



        width: 90%;



        margin-left: 0;



        padding-bottom: 0;



    }







    .videohidebox_1 p {



        height: 30px;



        line-height: 30px;



        font-size: 14px;



        display: -webkit-box;



        -webkit-box-orient: vertical;



        -webkit-line-clamp: 1;



        overflow: hidden;



    }







    .ft .wrap {



        flex-wrap: wrap;



    }







    .ab2a {



        width: 31.33%;



        margin-top: 20px;



    }







    .listbn {



        height: 350px;



    }







    .jy1 {



        height: 400px;



    }







    .jy1wtxt {



        width: 80%;



    }



}







@media only screen and (max-width:768px) {



    .flex_lmr_wap {



        justify-content: space-between;



        width: 100%;



    }







    .wap_disblock {



        display: block;



    }







    .bntxt h1 {



        font-size: 20px;



    }







    .bntxt .txt {



        margin-top: 12px;



        font-size: 12px;



        line-height: 24px;



    }







    .bntxt .txt i {



        width: 30px;



        height: 1px;



    }







    .it .wrap {



        display: block;



    }







    .itl,



    .itr {



        width: 100%;



    }







    .itr {



        margin-top: 10px;



    }







    .itr input {



        width: 80%;



        font-size: 14px;



    }







    .itr button {



        width: 20%;



        font-size: 13px;



    }







    .md {



        padding: 25px 0;



    }







    .itop h1 {



        font-size: 20px;



    }







    .itop p {



        margin-top: 10px;



        font-size: 13px;



    }







    .itop i {



        width: 30px;



        height: 2px;



        margin-top: 10px;



    }







    .i1a {



        margin-top: 15px;



    }







    .i1atxt {



        height: 50px;



    }







    .i1atxt h3 {



        padding: 0 10px;



        font-size: 14px;



    }







    .i2w {



        padding: 15px;



    }







    .i2a {



        display: block;



        text-align: center;



        padding: 10px 0;



    }







    .i2aico {



        margin-right: 0;



        text-align: center;



    }







    .i2aico img {



        margin: 0 auto;



    }







    .i2atxt {



        text-align: left;



        margin-top: 15px;



    }







    .i3t li {



        width: 50%;



        font-size: 13px;



        margin: 0;



        text-align: center;



    }







    .i3t li::after {



        width: 16px;



        height: 6px;



        margin-left: -9px;



        background-size: 100% 100% !important;



    }







    .i3bbg {



        height: auto;



        padding: 30px 0;



    }







    .i3txt {



        width: 100%;



    }







    .i3more {



        line-height: 35px;



        width: 130px;



        font-size: 14px;



    }







    .i4latxt {



        height: 45px;



    }







    .swiper-pagination-i4 {



        bottom: 55px !important;



    }







    .swiper-pagination-i4 .swiper-pagination-bullet {



        width: 8px;



        height: 8px;



    }







    .i4r {



        margin-top: 10px;



    }







    .ft {



        padding: 25px 0;



    }







    .ftr {



        display: none;



    }







    .ftewm {



        justify-content: flex-start;



        margin-top: 20px;



    }







    .ftewma {



        margin-left: 0;



        margin-right: 20px;



    }







    .fb {



        padding: 12px 0;



        line-height: 25px;



        font-size: 12px;



    }







    .ab2w {



        width: 100%;



        margin-top: 10px;



        justify-content: space-between;



    }







    .ab2a {



        width: 48%;



        margin-right: 0;



        margin-top: 15px;



    }







    .ab2aimg {



        padding: 15px;



        padding-bottom: 0;



    }







    .ab2aico img {



        height: 20px;



    }







    .picw {



        width: 80%;



    }







    .rywtop i {



        width: 25px;



        height: 2px;



    }







    .listbn {



        height: 160px;



    }







    .listnav a {



        line-height: 50px;



        margin: 0 15px;



        font-size: 14px;



    }











    .pitop_title {



        font-size: 20px;



    }







    .pi1r .txt p {



        margin-top: 15px;



    }







    .pi2ra {



        padding: 20px;



    }







    .pi2ra.mt_25 {



        margin-top: 15px;



    }







    .pi3a .pi3atxt {



        padding: 20px 0 !important;



    }







    .pi3atxt h1 img {



        height: 30px;



    }







    .page a {



        width: 35px;



        height: 35px;



        font-size: 14px;



    }







    .csw {



        width: 100%;



        justify-content: space-between;



    }







    .csa {



        width: 48%;



        margin-right: 0;



        margin-bottom: 15px;



    }







    .csatxt {



        line-height: 50px;



    }







    .csatxt img {



        height: 20px;



    }











    .ift h1 {



        font-size: 20px;



    }







    .iftxt {



        margin-top: 15px;



        line-height: 32px;



    }







    .jy1 {



        height: auto;



    }







    .jy1w {



        width: 100%;



    }







    .jy1wtxt {



        width: 100%;



        padding: 25px 15px;



    }







    .jy6a {



        width: 45%;



    }







    .jy6a::after {



        right: -8px;



        bottom: -8px;



    }







    .co1r::after {



        display: none;



    }







    .co1r {



        height: 200px;



    }







    .co2ra input,



    .co2ra textarea {



        height: 50px;



        font-size: 14px;



        padding: 0 15px;



    }







    .co2ra textarea {



        height: 137px;



        padding: 15px;



        margin-top: 20px;



        height: 100px;



    }







    .co2ra button {



        height: 50px;



        font-size: 16px;



    }







    .jotop {



        font-size: 13px;



        line-height: 40px;



        padding: 0 15px;



    }







    .joat {



        line-height: 40px;



        padding: 0 15px;



        font-size: 13px;



    }







    .joahide {



        padding: 15px;



    }







    .joa_width {



        width: 80px;



    }







    #gotop {



        width: 30px;



        right: 15px;



        bottom: 15%;



    }



}







/* 关于我们 */



.bg4 {



    background: url(../images/bg44.png) no-repeat;



    background-size: 100% 100%;



    padding: 100px 0 200px 0;



}







.item_list {



    display: flex;



    flex-wrap: wrap;

    width: 100%;


    justify-content: space-between;



}







.item_list .item {



    width: 30%;



    position: relative;



}







.item_list .item::before {



    content: '';



    display: block;



    width: 100%;



    height: 90%;



    position: absolute;



    z-index: -1;



    left: 3%;



    top: 5%;



    background: rgba(218, 237, 250);



}







.item_list .item:nth-child(n+4) {



    margin-top: 100px;



}











.item_list .item:nth-child(3n-1) {



    margin-left: 5%;



    margin-right: auto;



}











.item_list .item img {



    width: 100%;

width: 390px;
height: 260px;
border: 1px solid #eee;


    border-radius: 10px;



}







.item_list .item span {



    display: block;



    font-size: 20px;



    text-align: center;



    transform: translateY(120%);



}







@media screen and (max-width: 768px) {



    .bg4 {



        padding: 50px 0 80px 0;



    }







    .item_list .item {



        width: 48%;



    }







    .item_list .item:nth-child(3n-1) {



        margin-left: 0;



        margin-right: 0;



    }







    .item_list .item:nth-child(n+4) {



        margin-top: auto;



    }







    .item_list .item:nth-child(n+3) {



        margin-top: 40px;



    }







    .item_list .item::before {



        display: none;



    }







    .item_list .item span {



        font-size: 16px;



        transform: translateY(20%);



    }



}







/* 新闻列表 */



.line_1 {



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.line_2 {



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



}







.line_3 {



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



}







.new_list {



    display: flex;



    flex-direction: column;



    width: 1100px;



    margin: 0 auto;



}







.new_list .new_item {



    width: 100%;



    position: relative;



}







.new_list .new_item:nth-child(n+2) {



    margin-top: 60px;



}







.new_list .new_item a {



    display: flex;



    width: 100%;



}







.new_list .new_item a:hover {



    text-decoration: none;



}







.new_list .new_item a .img_box {



    max-width: 600px;



    max-height: 350px;



    flex: 1;



}







.new_list .new_item a .img_box img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.new_list .new_item .text {



    padding-top: 34px;



    padding-left: 41px;



    padding-right: 47px;



    width: 500px;



    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);



}







.new_list .new_item .text .timer {



    display: block;



    margin: 16px 0 17px 0;



    font-size: 18px;



    color: rgba(0, 0, 0, 1);



}







.new_list .new_item .text h2 {



    font-size: 24px;



}







.new_list .new_item .text p {



    font-size: 18px;



    color: rgba(0, 0, 0, 0.75);



}







.btn_box {



    position: absolute;



    right: 40px;



    bottom: 40px;



}







.btn {



    background: rgba(1, 138, 229, 0.9);



    padding: 10px 40px;



    color: #fff !important;



    border-radius: 0;



}







.btn:hover {



    color: #fff;



}







.pagination_box {



    width: 1100px;



    margin: 0 auto;



}







.pagination_box .pagination a {



    margin-right: 10px;



    border-radius: 0;



    display: block;



    background-color: #fff;



    color: #000;



    border: 1px solid #e6e6e6;



}







.pagination_box .pagination a:first-child,



.pagination_box .pagination a:last-child {



    border-top-left-radius: 0;



    border-bottom-left-radius: 0;



}







.pagination_box .pagination .active a {



    background: rgb(1, 138, 229);



}







.text_box {



    box-shadow: 0px 4px 20px 10px rgba(146, 146, 146, 0.05);



    border-radius: 20px;



    padding: 110px;



}







.new_detail .bottom {



    display: flex;



    justify-content: space-between;



    align-items: flex-end;



    margin-top: 100px;



}







.new_detail .bottom a {



    color: #999;



}



@media screen and (max-width: 1400px) {

    .wrap{

        width: 1180px;

    }

    .wrap1{

        width: 1180px;

    }

    .nav li a{

        padding: 0 35.5px;

    }

    .bottom_foot{

        justify-content: center;

    }

}

@media screen and (max-width: 950px) {

    .wrap {

        width: 100%;

        padding: 0 15px;

    }

}

@media screen and (max-width: 768px) {



    .new_list {



        width: 80%;



    }







    .new_list .new_item a {



        flex-wrap: wrap;



    }







    .new_list .new_item a .img_box,



    .new_list .new_item a .text {



        width: auto;



    }







    .new_list .new_item a .text {



        height: 350px;



    }







    .pagination_box {



        width: 100%;



        text-align: center;



    }







    .text_box {



        padding: 0;



    }

    .header_top{

        display: none;

    }

    .top_menu{

        display: none;

    }



}







@media screen and (max-width: 414px) {



    .new_list .new_item a .text {



        height: 280px;



        padding: 15px;



    }







    .new_list .new_item a .text h2 {



        font-size: 18px;



    }







    .new_list .new_item a .text .timer {



        font-size: 14px;



    }







    .new_list .new_item a .text p {



        font-size: 16px;



    }







    .new_list .new_item .btn {



        padding: 10px 20px;



        font-size: 12px;



    }



}







/* 新闻详情 */







/* 企业介绍 */



.about_box .top img {



    width: 100px;



}







.about_box .top h1 {



    margin: 20px 0;



}







.about_box .content {



    display: flex;



    /* flex-wrap: wrap; */



    position: relative;



}







.about_box .content:after {



    content: '';



    display: block;



    width: 1000%;



    height: 300px;



    position: absolute;



    background: #f2fafd;



    z-index: -1;



    bottom: -30px;



    left: 50px;



}







.about_box .content .img_box {



    width: 45%;



    min-height: 500px;



}







.about_box .content .text_box {



    padding: 0 3%;



    flex: 1;



    box-shadow: none;



}







.about_box .content .text_box p {



    line-height: 2em;



    text-indent: 2em;



}







.about_box .content .img_box img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}







@media screen and (max-width:768px) {



    .about_box .content {



        flex-wrap: wrap;



    }







    .about_box .content .img_box {



        width: 100%;



        margin-bottom: 20px;



    }







    .about_box .content:after {



        display: none;



    }



}